<div class="mh-list">
  <div class="index-top">
    <div class="back" (click)='back()'>
      <img src="../../../assets/icons/back2.png" alt="">
    </div>
    <p>{{'mh-list-Page.html1' | translate}}</p>
  </div>

  <div class="top-bg">
    <img src="../../../../assets/images/index/4.png" alt="">
  </div>

  <div class="list-body">
    <h1>{{'mh-list-Page.html2' | translate}} {{list.length}} {{'mh-list-Page.html3' | translate}}</h1>
    <weui-infiniteloader (loadmore)="onLoadMore($event)" [config]='infiniteLoaderConfig' #comp>
      <div class="uc-log-list">
        <ul class="log-list">
          <li *ngFor="let item of list">
            <div class="log-list-title">
              <h3>{{item.chapterName}}</h3>
              <a *ngIf='item.isTrade=="N"'>{{'mh-list-Page.html4' | translate}}</a>
              <a *ngIf='item.isTrade=="Y"'>{{item.price}} {{'mh-list-Page.html6' | translate}}</a>
            </div>
            <div class="log-list-title"></div>
          </li>
          <li class="nodata" *ngIf="list&&list.length < 1">
            <img src="../../assets/images/usercenter/nodata2.png" />
            <p>{{'userCenterPage.zwjyjl' | translate}}</p>
          </li>
        </ul>
      </div>
    </weui-infiniteloader>
  </div>

  <div class="fixed-box" *ngIf='showDailog'>
    <div class="pay-dailog">
      <div class="title">
        <div (click)='showDailog = false'>
          <img  src="../../../../assets/icons/closeIcon.png" alt="">
        </div>
        <h1>{{'pay.html1' | translate}}</h1>
      </div>
      <div class="pay-dailog-title">
        <h3><font style="font-size: 4.25rem;">55</font> {{'pay.html2' | translate}}</h3>
      </div>

      <div class=" weui-cells_radio">
        <label class="weui-cell weui-check__label" for="radio-{{ i.id }}" *ngFor="let i of radio">
          <div class="weui-cell__bd">
            <p>{{ i.name }}</p>
          </div>
          <div class="weui-cell__ft" >
            <input type="radio" class="weui-check" [(ngModel)]="radioType" name="radio1" [value]="i"
              id="radio-{{ i.id }}" />
            <span class="weui-icon-checkedd"></span>
          </div>
        </label>
      </div>

      <div class="help">
        <div >
          <img src="../../../../assets/icons/wh.png" alt="">
          <span style="margin-left: 1rem; font-size: 1.875rem;color: #CCCCCC;">{{'pay.html3' | translate}}</span>
        </div>
        <div style="font-size: 1.5rem; background: #F9F9F9;padding: 1rem;">
          <p>{{'pay.html4' | translate}} </p>
          <p>{{'pay.html5' | translate}}</p>
        </div>
      </div>

      <div class="btn">
        <a class="l" (click)='onOk()'>{{'pay.html6' | translate}}</a>
      </div>
    </div>
  </div>
</div>